<template>
  <div class="cebianlan">
    <div v-show="flag" class="cebianlan-box">
      <!-- <span>反馈</span> -->
      <span class="iconfont icon-windows-fill" />
      <span class="iconfont icon-anzhuo" />
      <span class="iconfont icon-pingguo" />
      <span class="iconfont icon-xiangshangjiantou" @click="backtop" />

    </div>
  </div>
</template>

<script>
export default {
  name: 'Navbar',
  props: ['flag'],
  methods: {
    backtop() {
      this.$router.push('#')
    }

  }
}
</script>

 <style lang="less" scoped>

  .cebianlan{
      height: 210px;
      display: flex;
      position: fixed;
      top: 50%;
      right:40px;
      z-index: 999;
      .cebianlan-box{
        display: flex;
        flex-direction: column;
        width: 40px;
        span{
            font-size: 30px;
            color: rgb(75, 66, 66);
            background: #F5F5F5;
            margin-top: 10px;
            text-align: center;
            cursor: pointer;
      }
    }
  }
 </style>
